.ath-viewport * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ath-viewport {
    position: relative;
    z-index: 2147483641;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none
}

.ath-modal {
    pointer-events: auto!important;
    background: rgba(0,0,0,.6)
}

.ath-mandatory {
    background: #000
}

.ath-container {
    font-family: sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    position: absolute;
    z-index: 2147483641;
    width: 18em;
    padding: .7em .6em;
    text-align: center;
    pointer-events: auto!important;
    background: #eee;
    background-size: 100% auto;
    box-shadow: 0 .2em 0 #d1d1d1
}

.ath-container small {
    font-size: .8em;
    line-height: 1.3em;
    display: block;
    margin-top: .5em
}

.ath-ios.ath-phone {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em
}

.ath-ios6.ath-tablet {
    top: 1.8em;
    left: 5em
}

.ath-ios7.ath-tablet {
    top: 1.8em;
    left: .7em
}

.ath-ios10.ath-tablet,.ath-ios8.ath-tablet,.ath-ios9.ath-tablet {
    top: 1.8em;
    right: .4em
}

.ath-android {
    bottom: 1.8em;
    left: 50%;
    margin-left: -9em
}

.ath-container:before {
    position: relative;
    z-index: 2147483642;
    display: block;
    float: right;
    overflow: hidden;
    width: 2.7em;
    height: 2.7em;
    margin: -.7em -.6em 0 .5em;
    content: '';
    text-align: center;
    color: #a33;
    background-color: rgba(255,255,255,.8);
    background-image: url();
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50%
}

.ath-container.ath-icon:before {
    position: absolute;
    top: 0;
    right: 0;
    float: none;
    margin: 0
}

.ath-mandatory .ath-container:before {
    display: none
}

.ath-container.ath-android:before {
    float: left;
    margin: -.7em .5em 0 -.6em
}

.ath-container.ath-android.ath-icon:before {
    position: absolute;
    right: auto;
    left: 0;
    float: none;
    margin: 0
}

.ath-action-icon {
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    text-indent: -9999em;
    background-repeat: no-repeat;
    background-position: 50%
}

.ath-ios10 .ath-action-icon,.ath-ios7 .ath-action-icon,.ath-ios8 .ath-action-icon,.ath-ios9 .ath-action-icon {
    width: 1.6em;
    height: 1.6em;
    margin-top: -.3em;
    background-image: url();
    background-size: auto 100%
}

.ath-ios6 .ath-action-icon {
    width: 1.8em;
    height: 1.8em;
    margin-bottom: .4em;
    background-image: url();
    background-size: 100% auto
}

.ath-android .ath-action-icon {
    width: 1.4em;
    height: 1.5em;
    background-image: url();
    background-size: 100% auto
}

.ath-container p {
    font-size: 1.1em;
    position: relative;
    z-index: 2147483642;
    margin: 0;
    padding: 0;
    text-shadow: 0 .1em 0 #fff
}

.ath-ios.ath-phone:after {
    position: absolute;
    bottom: -.9em;
    left: 50%;
    width: 2em;
    height: 2em;
    margin-left: -1em;
    content: '';
    -webkit-transform: scaleX(.9) rotate(45deg);
    transform: scaleX(.9) rotate(45deg);
    background: #eee;
    box-shadow: .2em .2em 0 #d1d1d1
}

.ath-ios.ath-tablet:after {
    position: absolute;
    z-index: 2147483641;
    top: -.9em;
    left: 50%;
    width: 2em;
    height: 2em;
    margin-left: -1em;
    content: '';
    -webkit-transform: scaleX(.9) rotate(45deg);
    transform: scaleX(.9) rotate(45deg);
    background: #eee
}

.ath-application-icon {
    position: relative;
    z-index: 2147483642;
    width: 6em;
    height: 6em;
    margin: 0 auto .2em auto;
    padding: 0;
    border: 0
}

.ath-container.ath-ios .ath-application-icon {
    margin: 0 auto .4em auto;
    border-radius: 1em;
    box-shadow: 0 .2em .4em rgba(0,0,0,.3),inset 0 .07em 0 rgba(255,255,255,.5)
}

@media only screen and (orientation: landscape) {
    .ath-container.ath-phone {
        width:24em
    }

    .ath-android.ath-phone {
        margin-left: -12em
    }

    .ath-ios.ath-phone {
        margin-left: -12em
    }

    .ath-ios6:after {
        left: 39%
    }

    .ath-ios8.ath-phone {
        top: 1.8em;
        right: .4em;
        bottom: auto;
        left: auto
    }

    .ath-ios8.ath-phone:after {
        z-index: 2147483641;
        top: -.9em;
        bottom: auto;
        left: 68%;
        box-shadow: none
    }
}
